window.addEventListener('resize', showLetters);

function openLetters() {
	var llist = document.getElementById('letterlist');

	if(llist.getAttribute("isVisible") == "true"){
		llist.setAttribute('style', 'display: none');
		llist.setAttribute("isVisible", "false");
	}
	else {
		llist.setAttribute('style', 'display: block');
		llist.setAttribute("isVisible", "true");
	}
}

function showLetters() {
	var llist = document.getElementById('letterlist');
	
	if(window.innerWidth > 1100) {
		console.log('showLetters');
		
		if(llist.getAttribute("isVisible") == "false") {
			llist.setAttribute('style', 'display: block');
			llist.setAttribute("isvisible", "true");
		}
	}
	else {
		if(llist.getAttribute("isVisible") == "true") {
			llist.setAttribute('style', 'display: none');
			llist.setAttribute("isVisible", "false");
		}
	}
}